<div>
<app-form [form]="data"  class="app-formctrl">
        <ng-template let-form>
        <div [hidden]="$activeFormPage !== 'formpage1'"  class="app-form-page">
     <ion-item-group [hidden]="!detailsModel.group1?.visible" class="app-form-group">
                    <Accordion [defaultActiveKey]="'0'" class="app-form-group-accordion">
                        <AccordionPanel key="0" header="项目基本信息" [disabled]="false" class="app-form-group-accordion-panel non">
                                <app-form-item [field]="detailsModel.xmname">
    <ng-template let-xmname>
        <ion-item lines="none" [hidden]="!xmname?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 项目名称
               <span class="stars" *ngIf="!xmname.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.xmname" (ionInput)="form.xmname=$event.target.value"  [disabled]="xmname.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.qdsj">
    <ng-template let-qdsj>
        <ion-item lines="none" [hidden]="!qdsj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 项目启动时间
               <span class="stars" *ngIf="!qdsj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="qdsj.disabled" datefmt="YYYY-MM-DD HH:mm:ss" [(ngModel)]="form.qdsj"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.xmzq">
    <ng-template let-xmzq>
        <ion-item lines="none" [hidden]="!xmzq?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 项目周期
               <span class="stars" *ngIf="!xmzq.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.xmzq" (ionInput)="form.xmzq=$event.target.value"  [disabled]="xmzq.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.xmje">
    <ng-template let-xmje>
        <ion-item lines="none" [hidden]="!xmje?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 项目金额
               <span class="stars" *ngIf="!xmje.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.xmje" (ionInput)="form.xmje=$event.target.value"  [disabled]="xmje.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.bz">
    <ng-template let-bz>
        <ion-item lines="none" [hidden]="!bz?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 备注
               <span class="stars" *ngIf="!bz.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.bz" (ionInput)="form.bz=$event.target.value"  [disabled]="bz.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.fj">
    <ng-template let-fj>
        <ion-item lines="none" [hidden]="!fj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 附件
               <span class="stars" *ngIf="!fj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.fj" (ionInput)="form.fj=$event.target.value"  [disabled]="fj.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        </AccordionPanel>
                    </Accordion>
                </ion-item-group>

</div>

        </ng-template>
    </app-form>
<div>
